<template>
	<view class="backimg">
		<!-- 图标显示 -->
		<view class="">
			<image style="width: 100rpx;" src="../../static/logo.png" mode="widthFix"></image>
		</view>
		<!-- 首页文字 -->
		
		<view style="margin-left=300px" class="">
			<h1 style="color: white; margin-bottom: 100px;">
				everyday concept 
			</h1>
			<h1 style="color: white;">
				每天改变一点点
			</h1>
		</view>
		<!-- 登录模块 -->
		<view class="loginbutton" >
			<!-- 基础登录按钮 -->
			<view class="basies">
				<u-button type="success" icon="map" text="登录" @click="reto"></u-button>
				<u-button type="primary" icon="map" text="注册" @click="register"></u-button>
			</view>
			<!-- 更多登录选择 -->
			
		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				checked:false,
				style:''
			}
		},
		methods: {
			register(){
				uni.navigateTo({
					url:"/pages/register/reg/reg"
				})
			},
			
			async reto(){
				
				uni.navigateTo({
					url:"/pages/iphoneregister/iphoneregister",
				})
			}
		}
	}
</script>

<style>
	.more{
		margin-top: 50rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.basies>*{
		margin: 50rpx 0px;
		border-radius: 20px;
	}
	.icon{
		background-color: white;
		border-radius: 50%;
		width: 100rpx;
		height: 100rpx;
		background-size: 100rpx;
		background-position: center;
	}
	.loginbutton{

	}
	.backimg{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		height: 100vh;
		padding: 100rpx 100rpx;
		background-color: aqua;
	}

</style>
